<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>title</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index,follow" />
	
	<link rel="stylesheet" type="text/css" href="style.css" />
	
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript" src="inc/main.js"></script>
	<script type="text/javascript" src="inc/app.js"></script>
	<script type="text/javascript" src="inc/utils.js"></script>
	<script type="text/javascript" src="inc/items.js"></script>
	<script type="text/javascript" src="inc/inventory.js"></script>
	<script type="text/javascript" src="inc/area.js"></script>
	<script type="text/javascript" src="inc/units.js"></script>
	<script type="text/javascript" src="inc/fight.js"></script>
	<script type="text/javascript" src="inc/dialog.js"></script>
	<script type="text/javascript" src="inc/character.js"></script>
	<script type="text/javascript" src="inc/locale.js"></script>
</head>

<body>
	<div id="wrapper">
		<div id="header">
			<div id="playerInfo">
				<div class="name">
					<span class="level"></span>
					<a href="#stats" id="playerStats"><span class="value"></span></a>
					<span class="levelup">Level up!</span>
				</div>
				<div class="statusbar health"><div></div></div>
				<div class="statusbar exp"><div></div></div>
			</div>
		</div>
		<div id="body">
			<div id="toolbar"></div>
			<div id="stage"></div>
		</div>
		<div id="footer"></div>
	</div>
	
	<div id="panels">
		<!-- Area panel -->
		<div class="panel" id="panel_area">
			<div id="areaStage"></div>
			<div class="clr"></div>
		</div>
		
		<!-- Location panel -->
		<div class="panel" id="panel_location">
			<div id="locationName"></div>
			<div id="locationDescription"></div>
			<div id="locationStage"></div>
			<div id="locationActions" class="actions">
				<div class="actionsGroup" id="locationBattleActions">
					<h4>Battle actions</h4>
					<ul>
						<li><a href="#sameagain" class="againLink">Fight random monster in this location</a></li>
						<li><a href="#sameagain" class="sameAgainLink">Fight same monster again</a></li>
					</ul>
				</div>
				
				<div class="actionsGroup" id="locationMonsters">
					<h4>Monsters in this location</h4>
					<ul></ul>
				</div>
				
				<div class="actionsGroup" id="locationNPC">
					<h4>NPC in this location</h4>
					<ul></ul>
				</div>
				
				<div class="actionsGroup" id="locationObjects">
					<h4>Objects in this location</h4>
					<ul></ul>
				</div>
				
				<div class="actionsGroup" id="locationCommonActions">
					<h4>Common actions</h4>
					<ul></ul>
				</div>
			</div>
		</div>
		
		<!-- Fight panel -->
		<div class="panel" id="panel_fight">
			<div id="fightLog"></div>
		</div>
		
		<!-- Dialog panel -->
		<div class="panel" id="panel_dialog">
			<div id="dialogText"></div>
			<div id="dialogActions">
				<ul></ul>
			</div>
			<div class="clr"></div>
		</div>
		
		<!-- Character panel -->
		<div class="panel" id="panel_character">
			<div id="characterName"></div>
			<div id="characterClass"></div>
			<div id="characterStats">
				<dl></dl>
			</div>
			<div id="characterItems">
				<ul></ul>
			</div>
			<div id="characterActions">
				<ul>
					<li><a href="#close" id="characterActionClose">Close</a></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>

